<template>
  <div class="menu" :style="{ left: X + 'px', top: Y + 'px' }" v-show="isShow">
    <ul>
      <li>新建文件</li>
      <li>新建文件夹</li>
    </ul>
  </div>
</template>

<script lang="ts">
  import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
  @Component({
    name: 'fileGroupViewMenu',
  })
  export default class fileGroupViewMenu extends Vue {
    @Prop({ default: false })
    isShow!: boolean;
    @Prop({ default: 0 })
    X!: number;
    @Prop({ default: 0 })
    Y!: number;
  }
</script>

<style scoped>
  .menu {
    position: fixed;
  }
</style>
